<html>
	<head>
		<style>
			* {font: 16px/25px garamond helvetica sans-serif;}
			body {background: rgb(51, 51, 51) url('images/body.png')  repeat-x }
		</style>
	</head>
	<body>
		<div style="margin-top:75px; text-align: center; 
		background: white url('images/splash_bottomgrad.png') repeat-x; width: 900px; margin-left: auto; 
		margin-right: auto; -moz-border-radius: 15px; border-radius: 15px;">
		<div style="font-size: 60px; color: white; padding: 25px">VkGwtdesigner</div>
		<div style="font-weight: bold;text-align: left; width: 700px; background-color: transparent; 
		margin-left: auto; margin-right: auto;">
			Welcome to VkGwtDesigner Demo. VkGwtDesigner helps in rapid UI development and can save or load the 
			layout using a load string. Please have a look and leave a comment at 
			<a href='http://code.google.com/p/vkgwtdesigner/wiki/Project_Discussion'>Project Site</a>. 
			Please also note that this demo works predictably for <span style="font-weight: bold">firefox 3+</span> only
		</div>
			<div style="text-align: left; width: 700px; margin-left: auto; margin-right: auto;">
				Instructions
				<ol>
					<li>Drag the move icon on the top of the widget to position it on the canvas</li>
					<li>Right click on the move icon on the top of the widget to resize</li>
					<li>
						To add javascript for event handlers,
							<ul>
								<li>click on a widget, to popoulate its id in the textarea e.g. (&4)</li>
								<li>Treat this id as element and invoke javascript functions or attributes 	e.g. (&4).innerHTML = new Date();</li>
								<li>Auto complete also works after a letter is typed and Ctrl + space is pressed. This feature is still experimental</li>
							</ul>
					</li>
					<li>Style toolbar changes context as the widgets are clicked and applies styles to give a  WYSIWYG feel.</li>
					<li>
						Events are only recorded in the design mode. To see a working version of your application 
						choose "Quick Preview" from the menu which appears as a result of right click
					</li>
				</ol>  
			</div>
			<div>
				<a href='VkGwtDesigner.html'>Continue</a>
			</div>
		</div>
	</body>
	<script type="text/javascript">

	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-3748886-8']);
	  _gaq.push(['_trackPageview']);
	
	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();
	
	</script>
</html>